<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>底部_1</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .footer_1 {
         background-color: var(--c_b_bottom);
      }

      .footer_1_links {
         border-bottom: 1px solid #e4e4e4;
         padding: 24px 0;
      }

      .footer_1_links_list {
         display: flex;
      }

      .footer_1_links_list li {
         padding-right: 29px;
      }

      .footer_1_links_list p {
         padding-right: 29px;
         padding-left: 8px;
         color: var(--c_subtitle);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .footer_1_links_list li a {
         display: inline-block;
         color: var(--c_subtitle);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .footer_1_main {
         display: flex;
         justify-content: space-between;
         border-bottom: 1px solid #e4e4e4;
      }

      .footer_1_logo {
         width: 200px;
         height: 54px;
      }

      .footer_1_logo_box {
         padding: 46px 0 43px 0;
      }

      .footer_1_logo img {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }

      .footer_1_nav {
         padding: 63px 0 0 0;
      }

      .footer_1_nav_list {
         padding-left: 95px;
         display: flex;
      }

      .footer_1_nav_list li {
         padding-right: 88px;
      }

      .footer_1_nav_list li a {
         display: inline-block;
         color: var(--c_subtitle);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .footer_1_Hotline {
         text-align: center;
         padding: 46px 0 0 0;
      }

      .footer_1_Hotline p {
         font-size: var(--f_describe);
         line-height: var(--l_describe);
         color: var(--c_subtitle);
         padding-bottom: 3px;
      }

      .footer_1_Hotline span {
         color: var(--c_theme);
         font-size: var(--f_news);
         line-height: var(--l_news);
      }

      .footer_1_copyright {
         color: var(--c_subtitle);
         font-size: var(--f_text);
         line-height: var(--l_text);
         padding: 35px 0 37px 0;
         text-align: center;
      }

      .footer_1_copyright p {
         font-size: var(--f_text);
         line-height: var(--l_text);
         color: var(--c_subtitle);
         padding-bottom: 8px;
      }

      .footer_1_copyright span {
         font-size: var(--f_text);
         line-height: var(--l_text);
         color: var(--c_subtitle);
      }
   </style>
</head>

<body>
   <div class="footer_1">
      <div class="public_width">
         <!-- 友情链接 -->
         <div class="footer_1_links">
            <ul class="footer_1_links_list">
               <p>友情链接：</p>
               <li><a href="">友情链接</a></li>
               <li><a href="">友情链接</a></li>
               <li><a href="">友情链接</a></li>
               <li><a href="">友情链接</a></li>
               <li><a href="">友情链接</a></li>
            </ul>
         </div>

         <!-- 主体内容 -->
         <div class="footer_1_main">
            <div class="footer_1_logo_box">
               <div class="footer_1_logo">
                  <a href=""> <img src="../images/images2.jpg" alt=""></a>
               </div>
            </div>

            <div class="footer_1_nav">
               <ul class="footer_1_nav_list">
                  <li><a href="">产品中心</a></li>
                  <li><a href="">产品中心</a></li>
                  <li><a href="">产品中心</a></li>
                  <li><a href="">产品中心</a></li>
               </ul>
            </div>

            <div class="footer_1_Hotline">
               <p>服务热线</p>
               <span>400-400-4400</span>
            </div>
         </div>

         <!-- 底部版权 -->
         <div class="footer_1_copyright">
            <p>©版权号</p>
            <span>备案号</span>
         </div>
      </div>
   </div>
</body>

</html>